body{
  width: 100%;
  height: 100%;
  background: url(../../assets/imgs/sign-bg.jpg) no-repeat center / cover;

  .passwordLogin{
    color: #fff;
    font-size: 18px;
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    cursor: pointer;
  }
  .loginRegistration{
    color: #fff;
    font-size: 22px;
    margin: 20px 0 10px 15px;
  }
  .main{
    width: 350px;
    margin:60px auto;

    
  li{
    width: 350px;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    border-radius: 25px;
    background-color: rgba(180, 180, 180,.5);
    padding: 0 20px;

    img{
      width: 120px;
      cursor: pointer;
    }

    input{
      background-color: rgba(0, 0, 0, 0);
      height: 50px;
      width: auto;
    } }

   // 设置提示文字效果
  input::placeholder,span{
     color: #d2d0d4;
     font-size: 14px;
  }

  }

  .logon{
    display: block;
  width: 350px;
    height: 50px;
    line-height: 50px;
    margin: 20px auto;
    border-radius: 25px;
    background-color: rgba(102, 255, 102,.5);
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
  }
 
  .post{
    color: #fff;
    justify-content: space-between;
    align-items: center;
     .iconfont{
    font-size: 24px;
    color: #fff;
  } .forget{
      color: #fff;
    }
    span{
      font-size: 16px;
      color: #fff;
    }
  }
}

footer{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-top: 110px;
  p{
    // 所以字母大写
    text-transform: uppercase;
    color: #fff;
    justify-content: center;

  }justify-content: center;
    .lines:before,.lines:after{
    content:"";
    width: 16px;
    border-top: 2px rgb(255, 255, 255) solid;
    display: inline-block;
    vertical-align: middle;}
    .lines:before{margin-right: 10px;}
    .lines:after{margin-left: 10px;}
}